<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>爱心家活动</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="css/sm.css">
    <link rel="stylesheet" type="text/css" href="css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_i3ztchhrqjx7p66r.css">
</head>

<body>
    <div class="page-group">
        <div class="page">
            <!--搜索栏内容 !-->
            <header class="bar bar-header-secondary">
                <div class="searchbar">
                    <a href="selectArea.html">
                        <div class="searchbar-address">厦门市&nbsp;&nbsp;<span class="icon icon-down"></span></div>
                    </a>
                    <div class="search-input">
                        <label class="icon icon-search" for="search"></label>
                        <input type="search" id='search' placeholder='请输入商品名称' />
                    </div>
                </div>
            </header>
            <!--内容部分 !-->
            <div class="content activity-content">
                <!--tab栏 !-->
                <div class="buttons-tab fixed-tab" data-offset="44">
                    <a href="#activity-tab" class="tab-link active button">活动</a>
                    <a href="#organize-tab" class="tab-link button">机构</a>
                </div>
                <!--列表页面 !-->
                <div class="tabs">
                    <div id="activity-tab" class="tab active">
                        <div class="list-block media-list">
                            <ul>
                                <li>
                                    <a href="#" class="item-link item-content">
                                        <img alt="" src="images/activity-1081x455.png">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <a href="loveActivity.html">
                            <div class="list-block">
                                <ul>
                                    <li class="item-content">
                                        <div class="item-media"><i class="icon icon-f7"></i></div>
                                        <div class="item-inner">
                                            <div class="item-title">稽山贫困山区曙光活动</div>
                                            <div class="item-subtitle">青年</div>
                                            <div class="item-after"><span>已完成</span></div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </a>
                        <div class="list-block media-list">
                            <ul>
                                <li>
                                    <a href="#" class="item-link item-content">
                                        <img src="images/activity-1081x455.png">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="list-block">
                            <ul>
                                <li class="item-content">
                                    <div class="item-media"><i class="icon icon-f7"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">稽山贫困山区曙光活动</div>
                                        <div class="item-after"><span>进行中</span></div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="list-block media-list">
                            <ul>
                                <li>
                                    <a href="#" class="item-link item-content">
                                        <img src="images/activity-1081x455.png">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="list-block">
                            <ul>
                                <li class="item-content">
                                    <div class="item-media"><i class="icon icon-f7"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">稽山贫困山区曙光活动</div>
                                        <div class="item-after"><span>进行中</span></div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="list-block media-list">
                            <ul>
                                <li>
                                    <a href="#" class="item-link item-content">
                                        <img src="images/activity-1081x455.png">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="list-block">
                            <ul>
                                <li class="item-content">
                                    <div class="item-media"><i class="icon icon-f7"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">稽山贫困山区曙光活动</div>
                                        <div class="item-after"><span>想去</span></div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div id="organize-tab" class="tab">
                        <div class="content-padded grid-demo" id="main-organize">
                            <div class="row">
                                <div class="col-20" id="nav-col-20">
                                    <div class="list-block contacts-block">
                                        <div class="list-group" id="menu-list-group">
                                            <ul>
                                                <li class="active">
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div class="item-title">厦门机构</div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div class="item-title">福建机构</div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div class="item-title">北京机构</div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div class="item-title">福建机构</div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div class="item-title">北京机构</div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div class="item-title">北京机构</div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div class="item-title">漳州机构</div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div class="item-title">泉州机构</div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-80" id="main-col-80">
                                     <a href="applyOrg.html">
                                        <div class="list-block media-list">
                                            <ul>
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-media"><img src="images/xiaInstitution-332x266.png"></div>
                                                        <div class="item-inner">
                                                            <div class="item-title">爱有基金</div>
                                                            <div class="item-text">国家二级运动员，曾经打过NBA,后来得病了，就不做运动员,但是当教练还是可以的,他现在在厦门工人体育馆上半年</div>
                                                            <div class="item-subtitle">1个小时前</div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </a>
                                    <div class="list-block media-list">
                                        <ul>
                                            <li>
                                                <div class="item-content">
                                                    <div class="item-media"><img src="images/xiaInstitution-332x266.png"></div>
                                                    <div class="item-inner">
                                                        <div class="item-title">爱有基金</div>
                                                        <div class="item-text">国家二级运动员，曾经打过NBA,后来得病了，就不做运动员,但是当教练还是可以的,他现在在厦门工人体育馆上半年</div>
                                                        <div class="item-subtitle">1个小时前</div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="list-block media-list">
                                        <ul>
                                            <li>
                                                <div class="item-content">
                                                    <div class="item-media"><img src="images/xiaInstitution-332x266.png"></div>
                                                    <div class="item-inner">
                                                        <div class="item-title">爱有基金</div>
                                                        <div class="item-text">国家二级运动员，曾经打过NBA,后来得病了，就不做运动员,但是当教练还是可以的,他现在在厦门工人体育馆上半年</div>
                                                        <div class="item-subtitle">1个小时前</div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--工具栏!-->
            <nav class="bar bar-tab" id="tool-bar">
                <div class="love">
                    <div class="icon iconfont icon-icontianjiaanniu"></div>
                </div>
                <a class="tab-item external" href="index.html">
                    <span class="icon icon-home"></span>
                    <span class="tab-label">首页</span>
                </a>
                <a class="tab-item external" href="classBranch.html">
                    <span class="icon iconfont icon-publicwf"></span>
                    <span class="tab-label">捐助</span>
                </a>
                <a class=" tab-item love-external active " href="#" id="loveBtn">
                    <span class="icon "></span>
                    <span class="tab-label">爱心+</span>
                </a>
                <a class="tab-item external" href="fightGroups.html">
                    <span class="icon iconfont icon-pintu"></span>
                    <span class="tab-label">拼团</span>
                </a>
                <a class="tab-item external" href="person.html">
                    <span class="icon icon-me"></span>
                    <span class="tab-label">个人中心</span>
                </a>
            </nav>
        </div>
    </div>
    <script type='text/javascript' src='js/lib/zepto.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm-extend.js' charset='utf-8'></script>
    <script type="text/javascript" src="js/homeActivity.js"></script>
</body>

</html>
